<template>
    <h1> Vite + Vue3 + TS </h1>
    <h2>{{ number }}</h2>
    <button @click="number+=10"> 点击增加 10 </button>
    <button @click="countFn"> 点击增加 </button>
  </template>
  
  <!-- script setup 在一个 vue 文件中最多书写一次 -->
  <script setup lang="ts">
  import { ref } from 'vue';
  
  // 顶层定义的数据会自动绑定，模板中可以直接使用无需 return
  let number = ref(10)
  
  const countFn = () => {
    number.value++
  }
  
  </script>
  